/* 公共的样式 */
*{
    margin: 0;
    padding: 0;
}
ul,li{
    list-style: none;
}
a{
    color: #333;
    text-decoration: none;
}
/* a:hover{
    color: #f55;
} */
input,button{
    border: none;
    outline: none;
}
html,body{
    /* 设置基准 1rem==10px */
    font-size: 10px !important;
}
/* 兼容不同的设备 */
/* iphoen6/7/8 */
@media screen and(min-width:375px){
    html,body{
        /* 设置基准 1rem==10px */
        font-size: 10px !important;
    }
}
/* iphone6p/7p/8p */
@media screen and(min-width:414px){
    html,body{
        /* 公式10*414/375 */
        font-size: 11.04px !important;
    }
}
@media screen and(min-width:768px){
    html,body{
        /* 公式10*768/375 */
        font-size: 20.48px !important;
    }
}
.flex{
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex-sp{
    display: flex;
    justify-content:space-between;
    align-items: center;
}
.flex-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.mt08{
    margin-top: .8rem;
}